<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
    <!-- 表单标签
      form
      input  type属性，值有：
                        text，
                        password,
                        checkbox，  
                        radio，
                        file,
                        submit,
                        reset
              disabled：失效
              placeholder：为空时的提示语  type是text，和password时生效
              checked：type是checkbox 和radio 时生效
              multiple属性：多选  该属性在type 是file时有效
      textarea 多行文本框
          属性： cols：行
                 rows: 列
      select  
        size属性：显示的个数
        multiple属性：多选
      option标签： 下拉框标签
        
      label标签
        for属性 该属性和表单标签中的id配合使用，可以在点击label文本中也能选中表单标签

      
    -->

    <form action="">
      <h2>用户名</h2>
      <input type="text" placeholder="请输入">
      <h2>密码</h2>
      <input type="password" disabled>
      <h2>复选框</h2>
      <input type="checkbox" checked>apple
      <input type="checkbox">banaba
      <input type="checkbox">orange
      <h2>单选框</h2>
      <input type="radio" name="gender" checked id="man"> <label for="man">man</label> 
      <input type="radio" name="gender"id="woman"><label for="woman">woman</label> 

      <h2>上传文件</h2>
      <input type="file" multiple>

      <h2>提交和重置按钮</h2>
      <input type="submit">
      <input type="reset">
      <h2>多行文本框</h2>
      <textarea  cols="30" rows="10"></textarea>
      <h2>下拉框</h2>
      <select size="3" multiple>
        <option value="0" selected disabled>请选择</option>
        <option value="1">北京</option>
        <option value="2">上海</option>
        <option value="3">广州</option>
        <option value="4">深圳</option>
      </select>

    </form>

</body>
</html>